.vue-codemirror {
    height: 100%;
}

.CodeMirror {
    height: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: monospace;
}

@font-face {
    font-family: consola;
    src: url("./consola.ttf");
}

.CodeMirror {
    font-family: Consolas, 'Courier New', monospace !important;
    font-size: 14px!important
}

.CodeMirror-custom textarea {
    font-family: Consolas, 'Courier New', monospace !important;
    font-size: 14px!important;
    font-weight: 400!important
}

.CodeMirror-vscrollbar::-webkit-scrollbar {
    width: 10px;
    height: 1px
}

.CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
    background: #5a5a5a;
}

.CodeMirror-vscrollbar::-webkit-scrollbar-thumb, .CodeMirror-vscrollbar::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .6)
}

.CodeMirror-hscrollbar::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.CodeMirror-hscrollbar::-webkit-scrollbar-thumb {
    background: #5a5a5a;
}

.CodeMirror-hscrollbar::-webkit-scrollbar-thumb, .CodeMirror-hscrollbar::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .6)
}

.CodeMirror-scrollbar-filler {
    display: none !important;
}

.cm-s-dracula span.cm-comment {
    color: #6A9955;
}
.cm-s-dracula span.cm-tag {
    color: #569CD6;
}
.cm-s-dracula.CodeMirror, .cm-s-dracula .CodeMirror-gutters {
    background-color: #1E1E1E !important;
}

.cm-s-dracula span.cm-attribute{
    color: #8CDCFE;
}
.cm-s-dracula span.cm-string, .cm-s-dracula span.cm-string-2 {
    color: #CE9178;
}
.cm-s-dracula span.cm-keyword {
    color: #C586C0;
}
.cm-s-dracula span.cm-def {
    color: #569CD6;
}
.cm-s-dracula span.cm-property {
    color: #8CDCFE;
}
.cm-s-dracula span.cm-variable {
    color: #569CD6;
}
.cm-s-dracula span.cm-atom {
    color: #569CD6;
}
.cm-s-dracula span.cm-operator {
    color: #D4D4D4;
}
.cm-s-dracula span.cm-variable-2 {
    color: #569CD6;
}